<template>
    <div class="ipt">
      <slot></slot>
      <el-select v-model="value" placeholder="请选择" >
        <el-option v-for="(item,index) in lists" :key="index" :label="item" :value="item">
        </el-option>
      </el-select>
    </div>
  </template>
  
  <script>
  export default {
    props:{
      lists:{
        type:Array
      }
    },
    data() {
      return {
        
        // datas:['黄金糕','双皮奶'],
        // options: [{
        //   value: '选项1',
        //   label: '黄金糕'
        // }, {
        //   value: '选项2',
        //   label: '双皮奶'
        // }, {
        //   value: '选项3',
        //   label: '蚵仔煎'
        // }, {
        //   value: '选项4',
        //   label: '龙须面'
        // }, {
        //   value: '选项5',
        //   label: '北京烤鸭'
        // }],
        value: '',
      }
    },
    methods:{
      // change(value){
      //   console.log(value);
      // }
    },
  }
  </script>
  
  
  <style scoped>
  .ipt>>> .el-select{
    margin-left: 20px;
  }
  .ipt{
    display: flex;
    align-items: center;
  }
  .ipt>>>.el-input__inner {
      width: 150px;
      height: 30px;
      line-height: 30px;
  }
  
  .ipt>>>.el-input__icon {
      line-height: 30px;
  }
  
  .ipt>>>.el-select .el-input.is-focus .el-input__inner {
      border-color: #DCDFE6;
  }
  
  .ipt>>>.el-select .el-input__inner:focus {
      border-color: #DCDFE6;
  }
  </style>